Javascript 对象的常见操作

Javascript 获取对象中值，新增属性，删除属性

javascript 中可以动态添加对象属性

<html>
  <head>
    <script type="text/javascript">
        var obj = new Object();
        alert (obj.username);
        obj.username = "allen";
        alert (obj.username);
    </script>
  </head>
  <body>
  </body>
</html>

结果：
依次打印出 undefined, allen

也可用类似 EL (Expression Language)那样用“[]”表示,方括号中可以为数值,字母,汉字,符号。写成 obj["username"] = "allen";

如何删除属性？使用 delete

<html>
  <head>
    <script type="text/javascript">
        var obj = new Object();
        obj["username"] = "allen";
        alert (obj.username);
        delete obj.username;
        alert (obj.username);
    </script>
  </head>
  <body>
  </body>
</html>

结果：依次打印 allen, undefined. 说明 username 属性已经删除。

另外还有一种定义属性的方法，而且是我们必须掌握的：

<html>
  <head>
    <script type="text/javascript">
        var obj = {username:"allen", password:"123"};
        alert(obj.username);
        alert(obj.password);
        /**
        * 当对象的key为数字的时候获取对象属性
        */
        var objNumber = {11000:'省',12000:'市',13000:'区'};
        for(var objs in objNumber){
            console.log(objs);//获取键
            console.log(objNumber[objs]);//获取值
        }
    </script>
  </head>
  <body>
  </body>
</html>

结果：allen, 123,11000,省,12000,市,13000,区

注：此文章为转载博客园大牛baobaoqin

Javascript 对象的常见操作

Javascript 获取对象中值，新增属性，删除属性

我明涛

引用和评论

Echarts4.0 使用系列——折线图，这里可能有你需要的

网页设计的垂直居中

CSS团队协作规范

前端如何入门 Go 语言

100个React最佳实践小技巧

前端开发工具

开发插件集合